import path from 'path';
import HtmlWebpackPlugin from 'html-webpack-plugin';

const config = {
  entry: './src/index.ts', // 入口文件
  output: {
    filename: 'bundle.js', // 输出文件
    path: path.resolve(__dirname, 'dist'), // 输出目录
  },
  resolve: {
    extensions: ['.ts', '.js'], // 支持 .ts 和 .js 后缀
  },
  module: {
    rules: [
      {
        test: /\.ts$/, // 处理 TypeScript 文件
        use: 'ts-loader', // 使用 ts-loader 转译 TypeScript
        exclude: /node_modules/,
      },
      {
        test: /\.css$/, // 处理 CSS 文件
        use: ['style-loader', 'css-loader'],
      },
    ],
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: './src/index.html', // 使用 HTML 模板
    }),
  ],
  mode: 'development', // 开发模式
};

export default config;
